$(document).ready(function(){
    // Ajax Loading
    $("#loading").ajaxStart(function(){
        $(this).show();
    }).ajaxStop(function(){
        $(this).hide('fast');
    });
    
    // Topmenu
	$(".topmenu li").hover(function(){
		$(this).addClass('hover');
    }, function(){
        $(this).removeClass('hover');
    }); 

    // Module Menu
	$(".subNavi-box1 a").hover(function(){
		$(this).parent().parent().parent().addClass('hover');
    }, function(){
        $(this).parent().parent().parent().removeClass('hover');
    }); 

	$(".subNavi-box2 a.top").hover(function(){
		$(this).parent().parent().parent().addClass('hoverTop');
    }, function(){
        $(this).parent().parent().parent().removeClass('hoverTop');
    });

	$(".subNavi-box2 a.bottom").hover(function(){
		$(this).parent().parent().parent().addClass('hoverBottom');
    }, function(){
        $(this).parent().parent().parent().removeClass('hoverBottom');
    });

	$(".subNavi-box3 a").hover(function(){
		$(this).parent().parent().parent().addClass('hover');
    }, function(){
        $(this).parent().parent().parent().removeClass('hover');
    });

	// Display guideline
	$(".letvn-box").hover(function(){
		$(this).children('.guideline').show();								  
	},function(){
		$(this).children('.guideline').hide();								  
	});

    //selectable
	$( "#selectable_file" ).selectable({
		stop: function() {
			var result = $( "#select-result" ).empty();
			$( ".ui-selected", this ).each(function() {
				var index = $( "#selectable_file li" ).index( this );
				if (index >= 0) {
					var value = $( "#selectable_file li #id"+(index+1) ).val();
					result.append( " #" + ( value ) );
				}
			});
		}
	});

});